<html>
    <!-- ------------------------------------------------------------------- -->
    <!-- EXTREMELY basic theme. designed for photo blogs.                    -->
    <!-- took out the caption because it contains stuff I don't want.        -->
    <!-- ------------------------------------------------------------------- -->
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}

        <style>
            a.title {
                text-decoration: none;
                color: inherit;
            }
            div.post {
                margin-bottom: 1ex;
                padding: 1em;
                padding-bottom: 0em;
            }
            table.pageNav {
                width: 100%;
                border-collapse: collapse;
            }
            div.postBorder {
                padding: 1em 1em 0.25em 1em;
                display: inline-block;
                border: 1px solid hsl(0, 0%, 90%);
            }
            div.like_button {
                 /* display: inline; */
                 /* display: block; */
                 float: left;
                 margin-right: 1em;
            }
            a.reblog_button {
                 /* display: inline; */
                 float: left;
                 margin-right: 1em;
            }
            div.likeAndReblog {
                padding-top: 0.5em;
            }
            span.highRes {
                margin-right: 1em;
            }
            span.previousPost {
                margin-right: 1em;
            }
            ol.notes {
                list-style-type: none;
            }
            div.footerItem {
                float: left;
                padding-right: 1em;
            }
            .clearfix:after {
                content: ".";
                visibility: hidden;
                display: block;
                height: 0;
                clear: both;
            }
        </style>
    </head>
    <body>
        {block:ShowHeaderImage}
            <div id="headerImage">
                <img src="{HeaderImage}" />
            </div>
        {/block:ShowHeaderImage}

        {block:ShowTitle}
            <h2><a class="title" href="{BlogURL}">{Title}</a></h2>
        {/block:ShowTitle}

        {block:ShowDescription}
            <div id="description">{Description}</div>
        {/block:ShowDescription}

        {block:Posts}
            {block:Text}
            <div class="post text">
                {block:Title}
                    <h3><a href="{Permalink}">{Title}</a></h3>
                {/block:Title}{Body}
            </div>
            {/block:Text}
            {block:Photo}
            <div class="post photo">
            <div class="postBorder">
                <div class="photoImg">
                    <a href="{Permalink}" title="perma link"><img
                        src="{PhotoURL-500}"
                        alt="{PhotoAlt}"
                    /></a>
                </div>
                <!--
                {block:Caption}
                    <div class="caption">{PlaintextCaption}</div>
                {/block:Caption}
                -->
                <div class="clearfix">
                    <div class="likeAndReblog">
                        {LikeButton} {ReblogButton}
                        {block:HighRes}
                            <span class="highRes"><a href="{PhotoURL-HighRes}">High res</a></span>
                        {/block:HighRes}
                        {block:NoteCount}
                            {NoteCountWithLabel}
                        {/block:NoteCount}
                    </div>
                </div>
                {block:HasTags}
                <div class="tags">
                    Tags:
                    {block:Tags}
                        <a href="{TagURL}">{Tag}</a>
                    {/block:Tags}
                </div>
                {/block:HasTags}
                {block:RebloggedFrom}
                <div>
                    Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}.</a>
                    Original post by <a href="{ReblogRootURL}">{ReblogRootName}</a>
                </div>
                {/block:RebloggedFrom}
                {block:LinkURL}
                <div>
                    Click through link: <a href="{LinkURL}">{LinkURL}</a>
                </div>
                {/block:LinkURL}
            </div>
            </div>
            {/block:Photo}
            {block:Panorama}
            <div class="post panorama">
                {LinkOpenTag}
                    <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                {LinkCloseTag}{block:Caption}
                    <div class="caption">{Caption}</div>
                {/block:Caption}
            </div>
            {/block:Panorama}{block:Photoset}
            <div class="post photoset">
                {Photoset-500}{block:Caption}
                    <div class="caption">{Caption}</div>
                {/block:Caption}
            </div>
            {/block:Photoset}{block:Quote}
            <div class="post quote">
                "{Quote}"

                {block:Source}
                    <div class="source">{Source}</div>
                {/block:Source}
            </div>
            {/block:Quote}{block:Link}
            <div class="post link">
                <a href="{URL}" class="link" {Target}>{Name}</a>

                {block:Description}
                    <div class="description">{Description}</div>
                {/block:Description}
            </div>
            {/block:Link}{block:Chat}
            <div class="post chat">
                {block:Title}
                    <h3><a href="{Permalink}">{Title}</a></h3>
                {/block:Title}

                <ul class="chat">
                    {block:Lines}
                        <li class="{Alt} user_{UserNumber}">
                            {block:Label}
                                <span class="label">{Label}</span>
                            {/block:Label}{Line}
                        </li>
                    {/block:Lines}
                </ul>
            </div>
            {/block:Chat}{block:Video}
            <div class="post video">
                {Video-500}{block:Caption}
                    <div class="caption">{Caption}</div>
                {/block:Caption}
            </div>
            {/block:Video}{block:Audio}
            <div class="post audio">
                {AudioEmbed}{block:Caption}
                    <div class="caption">{Caption}</div>
                {/block:Caption}
            </div>
            {/block:Audio}
        {/block:Posts}

        {block:PermalinkPage}
            {block:PostSummary}
                <div>{PostSummary}</div>
            {/block:PostSummary}

            {block:PostNotes}
                <div>
                    {PostNotes}
                </div>
            {/block:PostNotes}

            {block:Date}
                <div>
                    {lang:Posted TimeAgo}
                </div>
            {/block:Date}

            {block:PermalinkPagination}
                <div>
                    {block:PreviousPost}
                        <span class="previousPost">
                            <a href="{PreviousPost}">Previous Post</a>
                        </span>
                    {/block:PreviousPost}

                    {block:NextPost}
                        <span class="nextPost">
                            <a href="{NextPost}">Next Post</a>
                        </span>
                    {/block:NextPost}
                </div>
            {/block:PermalinkPagination}
        {/block:PermalinkPage}

        <div>
            {block:Pagination}
                Page {CurrentPage} of {TotalPages}
            {/block:Pagination}
        </div>

        <div class="clearfix">
            {block:Pagination}
                <div class="footerItem">
                    {block:PreviousPage}
                        <a href="{PreviousPage}">&#171; Previous</a>
                    {/block:PreviousPage}
                </div>

                <div class="footerItem">
                    {block:NextPage}
                        <a href="{NextPage}">Next &#187;</a>
                    {/block:NextPage}
                </div>
            {/block:Pagination}

            <div class="footerItem">
                <a href="/archive">Archive</a>
            </div>

            <div class="footerItem">
                <a href="{RSS}">RSS feed</a>
            </div>

            <div class="footerItem">
                {CopyrightYears}
            </div>
        </div>
    </body>
</html>
